/*
 * Google Bot Limit Test - CSS File
 * Target size: 16.0 MB
 */

:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --font-family: 'Helvetica Neue', Arial, sans-serif;
}

body {
    font-family: var(--font-family);
    line-height: 1.6;
    color: #333;
}

.class-0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-0:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-38 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-38:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-39 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-39:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-40 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-40:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-41 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-41:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-42 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-42:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-43 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-43:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-44 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-44:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-45 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-45:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-46 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-46:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-47 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-47:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-48 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-48:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-49 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-49:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-50 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-50:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-51 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-51:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-52 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-52:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-53 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-53:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-54 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-54:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-55 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-55:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-56 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-56:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-57 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-57:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-58 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-58:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-59 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-59:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-60 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-60:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-61 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-61:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-62 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-62:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-63 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-63:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-64 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-64:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-65 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-65:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-66 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-66:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-67 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-67:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-68 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-68:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-69 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-69:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-70 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-70:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-71 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-71:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-72 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-72:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-73 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-73:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-74 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-74:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-75 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-75:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-76 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-76:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-77 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-77:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-78 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-78:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-79 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-79:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-80 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-80:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-81 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-81:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-82 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-82:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-83 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-83:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-84 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-84:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-85 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-85:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-86 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-86:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-87 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-87:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-88 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-88:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-89 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-89:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-90 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-90:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-91 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-91:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-92 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-92:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-93 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-93:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-94 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-94:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-95 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-95:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-96 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-96:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-97 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-97:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-98 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-98:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-99 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-99:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-6970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-6971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-6972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-6973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-6974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-6975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-6976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-6977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-6978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-6979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-6980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-6981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-6982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-6983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-6984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-6985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-6986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-6987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-6988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-6989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-6990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-6991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-6992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-6993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-6994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-6995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-6997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-6998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-6999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-7970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-7971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-7972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-7973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-7974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-7975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-7976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-7977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-7978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-7979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-7980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-7981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-7982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-7983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-7984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-7985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-7986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-7988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-7989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-7990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-7991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-7992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-7993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-7994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-7995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-7996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-7997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-7998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-7999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-8970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-8971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-8972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-8973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-8974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-8975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-8976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-8977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-8979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-8980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-8981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-8982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-8983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-8984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-8985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-8986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-8987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-8988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-8989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-8990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-8991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-8992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-8993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-8994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-8995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-8996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-8997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-8998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-8999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-9970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-9971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-9972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-9973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-9974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-9975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-9976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-9977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-9978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-9979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-9980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-9981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-9982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-9983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-9984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-9985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-9986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-9987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-9988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-9989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-9990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-9991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-9992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-9993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-9994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-9995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-9996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-9997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-9998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-10970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-10971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-10972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-10973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-10974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-10975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-10976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-10977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-10978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-10979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-10980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-10981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-10982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-10983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-10984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-10985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-10986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-10987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-10988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-10989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-10991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-10992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-10993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-10994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-10995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-10996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-10997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-10998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-10999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-11970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-11971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-11972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-11973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-11974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-11975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-11976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-11977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-11978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-11979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-11980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-11982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-11983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-11984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-11985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-11986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-11987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-11988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-11989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-11990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-11991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-11992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-11993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-11994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-11995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-11996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-11997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-11998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-11999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-12970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-12971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-12973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-12974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-12975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-12976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-12977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-12978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-12979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-12980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-12981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-12982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-12983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-12984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-12985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-12986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-12987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-12988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-12989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-12990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-12991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-12992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-12993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-12994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-12995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-12996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-12997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-12998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-12999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-13970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-13971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-13972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-13973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-13974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-13975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-13976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-13977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-13978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-13979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-13980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-13981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-13982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-13983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-13984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-13985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-13986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-13987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-13988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-13989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-13990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-13991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-13992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-13994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-13995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-13996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-13997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-13998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-13999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-14970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-14971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-14972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-14973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-14974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-14975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-14976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-14977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-14978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-14979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-14980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-14981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-14982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-14983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-14985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-14986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-14987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-14988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-14989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-14990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-14991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-14992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-14993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-14994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-14995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-14996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-14997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-14998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-14999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-15970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-15971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-15972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-15973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-15974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-15976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-15977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-15978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-15979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-15980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-15981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-15982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-15983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-15984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-15985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-15986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-15987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-15988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-15989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-15990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-15991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-15992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-15993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-15994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-15995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-15996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-15997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-15998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-15999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-16970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-16971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-16972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-16973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-16974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-16975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-16976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-16977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-16978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-16979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-16980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-16981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-16982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-16983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-16984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-16985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-16986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-16987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-16988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-16989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-16990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-16991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-16992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-16993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-16994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-16995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-16997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-16998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-16999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-17970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-17971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-17972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-17973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-17974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-17975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-17976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-17977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-17978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-17979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-17980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-17981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-17982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-17983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-17984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-17985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-17986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-17988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-17989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-17990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-17991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-17992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-17993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-17994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-17995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-17996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-17997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-17998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-17999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-18970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-18971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-18972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-18973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-18974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-18975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-18976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-18977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-18979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-18980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-18981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-18982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-18983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-18984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-18985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-18986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-18987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-18988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-18989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-18990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-18991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-18992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-18993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-18994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-18995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-18996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-18997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-18998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-18999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-19970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-19971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-19972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-19973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-19974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-19975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-19976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-19977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-19978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-19979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-19980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-19981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-19982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-19983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-19984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-19985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-19986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-19987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-19988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-19989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-19990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-19991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-19992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-19993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-19994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-19995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-19996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-19997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-19998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-20970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-20971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-20972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-20973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-20974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-20975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-20976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-20977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-20978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-20979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-20980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-20981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-20982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-20983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-20984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-20985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-20986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-20987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-20988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-20989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-20991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-20992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-20993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-20994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-20995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-20996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-20997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-20998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-20999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-21970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-21971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-21972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-21973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-21974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-21975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-21976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-21977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-21978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-21979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-21980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-21982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-21983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-21984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-21985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-21986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-21987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-21988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-21989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-21990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-21991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-21992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-21993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-21994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-21995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-21996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-21997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-21998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-21999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-22970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-22971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-22973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-22974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-22975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-22976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-22977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-22978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-22979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-22980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-22981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-22982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-22983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-22984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-22985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-22986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-22987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-22988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-22989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-22990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-22991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-22992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-22993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-22994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-22995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-22996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-22997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-22998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-22999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-23970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-23971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-23972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-23973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-23974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-23975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-23976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-23977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-23978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-23979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-23980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-23981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-23982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-23983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-23984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-23985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-23986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-23987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-23988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-23989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-23990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-23991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-23992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-23994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-23995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-23996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-23997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-23998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-23999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-24970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-24971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-24972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-24973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-24974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-24975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-24976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-24977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-24978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-24979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-24980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-24981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-24982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-24983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-24985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-24986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-24987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-24988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-24989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-24990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-24991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-24992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-24993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-24994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-24995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-24996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-24997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-24998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-24999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-25970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-25971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-25972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-25973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-25974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-25976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-25977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-25978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-25979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-25980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-25981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-25982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-25983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-25984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-25985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-25986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-25987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-25988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-25989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-25990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-25991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-25992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-25993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-25994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-25995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-25996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-25997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-25998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-25999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-26970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-26971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-26972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-26973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-26974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-26975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-26976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-26977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-26978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-26979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-26980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-26981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-26982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-26983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-26984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-26985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-26986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-26987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-26988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-26989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-26990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-26991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-26992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-26993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-26994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-26995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-26997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-26998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-26999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-27970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-27971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-27972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-27973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-27974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-27975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-27976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-27977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-27978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-27979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-27980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-27981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-27982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-27983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-27984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-27985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-27986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-27988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-27989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-27990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-27991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-27992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-27993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-27994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-27995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-27996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-27997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-27998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-27999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-28970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-28971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-28972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-28973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-28974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-28975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-28976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-28977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-28979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-28980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-28981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-28982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-28983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-28984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-28985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-28986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-28987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-28988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-28989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-28990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-28991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-28992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-28993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-28994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-28995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-28996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-28997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-28998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-28999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-29970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-29971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-29972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-29973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-29974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-29975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-29976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-29977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-29978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-29979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-29980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-29981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-29982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-29983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-29984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-29985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-29986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-29987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-29988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-29989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-29990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-29991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-29992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-29993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-29994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-29995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-29996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-29997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-29998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-30970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-30971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-30972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-30973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-30974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-30975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-30976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-30977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-30978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-30979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-30980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-30981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-30982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-30983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-30984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-30985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-30986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-30987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-30988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-30989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-30991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-30992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-30993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-30994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-30995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-30996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-30997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-30998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-30999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-31970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-31971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-31972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-31973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-31974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-31975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-31976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-31977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-31978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-31979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-31980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-31982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-31983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-31984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-31985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-31986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-31987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-31988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-31989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-31990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-31991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-31992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-31993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-31994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-31995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-31996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-31997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-31998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-31999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-32970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-32971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-32973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-32974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-32975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-32976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-32977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-32978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-32979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-32980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-32981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-32982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-32983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-32984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-32985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-32986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-32987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-32988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-32989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-32990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-32991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-32992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-32993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-32994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-32995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-32996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-32997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-32998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-32999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-33970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-33971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-33972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-33973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-33974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-33975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-33976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-33977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-33978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-33979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-33980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-33981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-33982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-33983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-33984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-33985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-33986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-33987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-33988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-33989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-33990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-33991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-33992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-33994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-33995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-33996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-33997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-33998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-33999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-34970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-34971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-34972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-34973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-34974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-34975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-34976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-34977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-34978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-34979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-34980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-34981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-34982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-34983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-34985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-34986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-34987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-34988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-34989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-34990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-34991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-34992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-34993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-34994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-34995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-34996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-34997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-34998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-34999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-35970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-35971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-35972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-35973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-35974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-35976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-35977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-35978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-35979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-35980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-35981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-35982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-35983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-35984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-35985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-35986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-35987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-35988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-35989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-35990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-35991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-35992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-35993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-35994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-35995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-35996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-35997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-35998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-35999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-36970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-36971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-36972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-36973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-36974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-36975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-36976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-36977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-36978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-36979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-36980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-36981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-36982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-36983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-36984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-36985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-36986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-36987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-36988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-36989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-36990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-36991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-36992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-36993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-36994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-36995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-36997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-36998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-36999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-37164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-37165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-37166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-37167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-37168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-37169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-37170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-37171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-37172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-37173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-37174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-37175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-37176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-37178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-37179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-37180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-37181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-37182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-37183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-37184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-37185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-37186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-37187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-37188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-37189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-37190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-37191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-37192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-37193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

/* Total classes generated: 37194 */